<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户评价</title>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/css/font.css">
    <link rel="stylesheet" href="/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/js/xadmin.js"></script>
    <script type="text/javascript" src="/layui/rate.js"></script>
    <link rel="stylesheet" href="/layui-v2.5.7/layui/css/layui.css"  media="all">
    <script src="/layui-v2.5.7/layui/layui.js" charset="utf-8"></script>

</head>
<body>
<!--header start-->
<header class="header-box">
    <section class="header clearfix">
        <a href="index">
            <img class="logo" src="images/logo.png"
                 alt=""/></a>
        <ul class="nav clearfix">
            <li><a href="/index">首页</a></li>
            <li><a href="/themearea">主题区域</a></li>
            <li><a href="/show/timeList">精彩演艺</a></li>
            <li class="active"><a href="/evaluate/viewPj">评价</a>
        </ul>
        <div class="online-ticket">
            <a href="/booking" target="_blank"
               id="onlinetickets">
                <div class="anim"></div>
                在线购票</a>
        </div>
        <div class="menubtn clearfix">
            <b>导航</b>
            <span></span>
        </div>
        <section class="navitebox">
            <div class="navevg"></div>
            <div class="navelsit">
                <div class="navbgs"></div>
                <ul class="nativeli">
                    <li><a href="index">首页</a></li>

                    <li><a href="themearea">主题区域</a>
                        <ol class="levalmenus"></ol>
                    </li>
                    <li><a href="/show/timeList">精彩演艺</a>
                        <ol class="levalmenus"></ol>
                    </li>
                    <li class="active"><a href="/evaluate/viewPj">评价</a>
                        <ol class="levalmenus">
                            <li><a href="service">票务服务</a></li>
                            <li><a href="operation">运营时间</a></li>
                            <li><a href="traffic.aspx?t=27">交通指南</a></li>
                            <li><a href="guide.aspx?t=28">游园导览</a></li>
                            <li><a href="park-service.aspx?t=29">园区服务</a></li>
                            <li><a href="notice.aspx?t=30">游园须知</a></li>
                            <li><a href="problem.aspx?t=31">常见问题</a></li>
                            <li><a href="message.aspx?t=32">留言反馈</a></li>
                        </ol>
                    </li>

                </ul>
            </div>
        </section>
    </section>
    <section class="menudonws">
        <div class="menuwr clearfix">
            <div class="menuinfo"></div>
            <div class="menuinfo">
                <div class="menubg"></div>
            </div>
            <div class="menuinfo">
                <div class="menubg"></div>
            </div>
            <div class="menuinfo">
                <div class="menubg"></div>
            </div>
            <div class="menuinfo">
                <div class="menubg"></div>
                <ul class="menuse">
                    <li><a href="service.aspx?t=25">票务服务</a></li>
                    <li><a href="operation.aspx?t=26">运营时间</a></li>
                    <li><a href="traffic.aspx?t=27">交通指南</a></li>
                    <li><a href="guide.aspx?t=28">游园导览</a></li>
                    <li><a href="park-service.aspx?t=29">园区服务</a></li>
                    <li><a href="notice.aspx?t=30">游园须知</a></li>
                    <li><a href="problem.aspx?t=31">常见问题</a></li>
                    <li><a href="message.aspx?t=32">留言反馈</a></li>
                </ul>
            </div>
            <div class="menuinfo">
                <div class="menubg"></div>
            </div>
        </div>
    </section>
</header>
<!--header end-->
<span style="font-size: x-large">用户评价<b></b></span><i style="font-size: medium">Evaluate&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i><span  style="font-size: larger;color:#ff7800;" th:text="${score}" id="scoreAvg"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="avg"></span>
<table class="layui-table" lay-even="" lay-skin="nob" th:each="x:${list}">
    <colgroup>
        <col width="150">
        <col width="150">
        <col width="200">
        <col>
    </colgroup>
    <tbody>
    <tr>
        <td>
            <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    <div >
                        <span th:text="${x.user.userName}" style="font-size: 15px"></span>
                        <span>&nbsp;</span>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span th:text="${x.evaluateTime}" style="color: grey; font-size: 14px"></span>
                    </div>
                    <div>
                        <span th:text="${x.evaluateStar}" style="color: grey; font-size: 14px" id="evaluateStar"></span>分&nbsp;&nbsp;&nbsp;<span>
                            <div th:evaluateStar="${x.evaluateStar}" name="star"></div>
                    </span>
                    </div>

                    <span></span>
                     <div>
                         <span style="font-size: 20px" th:text="${x.evaluateContent}"></span><span>&nbsp;</span>
                     </div>
                    <hr class="layui-bg-blue">
                </li>
            </ul>
        </td>
    </tr>

    </tbody>
</table>
<div class="page">
    <div>
        <a class="prev" th:href="@{/evaluate/viewPj(page=${prePage})}">&lt;&lt;</a>
        <a class="num" href="/evaluate/viewPj">首页</a>
        <span class="current" th:text="${curPage}"></span>
        <a class="num" th:href="@{/evaluate/viewPj(page=${totalPages})}">尾页</a>
        <a class="next" th:href="@{/evaluate/viewPj(page=${nextPage})}">&gt;&gt;</a>
<!--        到第<input id="jump" type="text" class="input03" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 页-->
<!--        <input onclick="jump();" type="button" value="确定" class="input04">-->
    </div>
</div>
</body>
<script src="/new/js/index/plugin.js"></script>
<script src="/new/js/index/page.js"></script>
<script src="/new/js/index/buttonLite.js"></script>
<link rel="stylesheet" type="text/css" href="/new/css/index/photoswipe.css"/>
<link rel="stylesheet" type="text/css" href="/new/css/index/style.css"/>
<link rel="stylesheet" type="text/css" href="/new/css/index/responsive.css"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<script src="/new/js/index/jquery.min.js"></script>
</html>
<script>
    //遍历
    layui.use(['rate'], function(){
        var rate = layui.rate;
        $.each($("[name=star]"), function (i, item) {
            rate.render({
                elem: item
                ,value: parseInt($(item).attr("evaluateStar"))
                ,half:true
                ,readonly: true
            });
        });
    });
// ----------------------------------------
    var scoreAvg = $("#scoreAvg").html();
    layui.use(['rate'], function(){
        var rate = layui.rate;
    //只读
    rate.render({
        elem: '#avg'
        ,value: scoreAvg
        ,readonly: true
        ,half:true
    });
    });
</script>